<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>Slot Test</title>
        <script src="../../../../montage.js" data-package="../../../"></script>
        <script type="text/montage-serialization">
            {
                "test": {
                    "prototype": "spec/meta/component-object-descriptor-test/component-object-descriptor-test",
                    "values": {
                        "component1": {"@": "component1"},
                        "component2": {"@": "component2"},
                        "component3": {"@": "component3"}
                    }
                },
                "component1": {
                    "prototype": "spec/meta/component-object-descriptor-test/component-object-descriptor-test-1.reel",
                    "values": {
                         "element": {"#": "component1"}
                    }
                },
                "component2": {
                    "prototype": "spec/meta/component-object-descriptor-test/component-object-descriptor-test-2.reel",
                    "values": {
                        "element": {"#": "component2"}
                    }
                },
                "component3": {
                    "prototype": "spec/meta/component-object-descriptor-test/component-object-descriptor-test-3.reel",
                    "values": {
                         "element": {"#": "component3"}
                    }
                },
                "application": {
                    "prototype": "montage/core/application",
                    "values": {
                        "delegate" : {"@": "test"}
                    }
                }
             }
        </script>
    </head>
    <body>

        <div data-montage-id="component1"></div>
        <div data-montage-id="component2"></div>
        <div data-montage-id="component3"></div>
    </body>
</html>
